<template>
  <div class="promotion">
    <Zipromotion v-for="(v,i) in this.$store.state.tidem.promotionarr" :key="i" :pro_name="v.promotion_name" :img_arr="v.promotion_img"/>
  </div>
</template>

<script>
import Zipromotion from "@/components/tide/promotionzi.vue"
export default {
  components:{
    Zipromotion
  },
  data(){
    return{
      arr:[]
    }
  },
  mounted(){
       this.$store.dispatch("actionspromotion")
  }
}
</script>

<style scoped>
    .promotion{
        width: 95%;
        margin: auto;
        margin-top: 0.2rem;
        background-color: #fff;
        border-radius: 0.07rem;
        overflow: hidden;
        padding: 0.1rem;
        padding-bottom: 0;
        box-sizing: border-box;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
</style>